<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <title>崩坏3 记忆战场战报</title>
    <link rel="stylesheet" href="{{pluResPath}}html/battleField/battleField.css" />
  </head>
  <body>
    <div class="reports-container">
      {{ each reports report }} {{ set levelMap = { 1: "低级", 2: "中级", 3: "高级", 4:
      "终极" } }}
      <div class="group-container">
        <div class="group-header">
        <div class="group-title">{{levelMap[report.area]}}组</div>
          <div class="group-stats">
            <div>总得分: <strong>{{report.score}} / {{report.rank}}档</strong></div>
            <div>排名: <strong>{{report.ranking_percentage}}%</strong></div>
            <div>结算日期: <strong>{{report.updated_time}}</strong></div>
          </div>
        </div>

         {{ each report.battle_infos battle }}
        <div class="report-card">
          <div
            class="boss-bg"
            style="background-image: url('{{battle.boss.avatar}}');"></div>
          <div class="content">
            <div class="header">
              <div class="titles">
                <div class="zone-title">{{battle.boss.name}}</div>
              </div>
              <div class="score">
                <span class="score-label">最高积分:</span>
                <span class="score-value">{{battle.score}}</span>
              </div>
            </div>

            
            <div class="lineup">
                {{ each battle.lineup char}}
              <div class="char-card">
                <div class="char-background" style="background-image: url('{{char.avatar_background_path_v2}}');"></div>
                <div class="char-attribute" style="background-image: url('{{char.attribute_background_path}}');"></div>
                <img class="char-img" src="{{char.icon_path}}" alt="{{char.name}}"/>
                <span class="rank-tag rank-ss">SS</span>
              </div>
              {{ /each }} {{ if report.elf && report.elf.avatar }}{{ if report.elf && report.elf.avatar }}
              <div class="char-card">
                <img class="char-img" src="{{battle.elf.avatar}}" alt="{{battle.elf.name}}"/>
                <span class="rank-tag rank-elf">★</span>
              </div>
            </div>
          </div>
        </div>
        {{ /each }}
      </div>
       {{ /each }}
  </body>
</html>
